<template>
  <div class="root">
    <font class="title">通知中心</font>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang='less' scoped>
.root {
  border: red solid;
  color: #ffffff;
  opacity: 0.7;
  position: fixed;
  //   margin: auto;
  top: 15vh;
  left: 50%;
  transform: translate(-50%, 0);
  // left: 30vw;
  background-color: #080808;
  width: 57%;
  height: 500px;
  .title {
  }
}
</style>